<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="css.css">
</head>
<body>
    
    <div style="height: 1200px; width: 70%; margin: auto;">
        <div style="height: 5%;">
        
        </div>

        <div>
            <img src="images/logo.png" alt="">
            <span style="font-size: 22px;">用户注册</span>
        </div>
        <div style="height: 150px;"></div>
        <div style="width: 60%; margin: 0 auto; text-align: center;">
            <div>
                <label style="width: 80px; display: inline-block; font-size: 14px;">手机号码</label>
                <div class="et_ber">
                    <select style="width: 100px;">
                        <option >
                            中国大陆 +86
                        </option>
                    </select>
                    <div style="vertical-align: middle; display: inline-block; background-color: #d6d6d6; width: 1px; height: 30px;"></div>
                    <input type="text" placeholder="请输入你的手机号码" id="phoneinp">
                </div>
            </div>
            
            <div style="height: 20px;"></div>

            <div>
                <label style="width: 70px; display: inline-block;font-size: 14px;">验证码</label>
                <div class="et_ber">
                    <select style="width: 100px;">
                        <option >
                           获取验证码
                        </option>
                    </select>
                    <div style="vertical-align: middle; display: inline-block; background-color: #d6d6d6; width: 1px; height: 30px;"></div>
                    <input type="text" placeholder="请输入验证码" id="phoneinp">
                </div>
            </div>

            <div>
                <div style="width: 70px; display: inline-block;"></div>
                <div style="width: 300px; display: inline-block;">
                    <a style="background-image: linear-gradient(90deg,#f90,#ff5000); width: 100%;height: 36px; display: inline-block; opacity: .5; border-radius: 3px; line-height: 30px; color: white;">同意协议并注册</a>
                </div>
            </div>

            <div style="height: 10px;"></div>

            <div>
                <div style="width: 70px; display: inline-block;"></div>
                <div style="width: 300px; display: inline-block;">
                    <p style="text-align: left;"> 
                        <span style="font-size: 12px;" >已阅读并同意以下协议</span>
                        <span style="color: #ff5b20; font-size: 12px;">淘宝平台服务协议、隐私权政策、法律声明、支付宝及客户端服务协议</span>
                    </p>
                </div>
            </div>

            <div style="height: 30px;"></div>

            <div>
                <div  style="width: 70px; display: inline-block;"></div>
                <span style="width: 300px; display: inline-block; color: #ff5b20; font-size: 12px; text-align: right;">切换成企业账户注册</span>
            </div>
        </div>
            <div style="height: 30px;"></div>

            <hr>
            <div class="fer" style="width: 100%;">
                <div style="height: 8px;"></div>
                <p>
                    <a href="https://www.alibabagroup.com/cn/global/home">阿里巴巴集团</a>
                    <label class="spar">|</label>
                    <a href="https://www.alibaba.com/">阿里巴巴国际站</a>
                    <label class="spar">|</label>
                    <a href="https://www.1688.com/">阿里巴巴中国站</a>
                    <label class="spar">|</label>
                    <a href="https://www.aliexpress.com/">全球速卖通</a>
                    <label class="spar">|</label>
                    <a href="https://www.taobao.com/">淘宝网</a>
                    <label class="spar">|</label>
                    <a href="https://www.tmall.com/">天猫</a>
                    <label class="spar">|</label>
                    <a href="https://pages.tmall.com/wow/a/act/ju/dailygroup/2199/wupr?wh_pid=daily-222239&bid=7">聚划算</a>
                    <label class="spar">|</label>
                    <a href="https://www.etao.com/">一淘</a>
                    <label class="spar">|</label>
                    <a href="https://www.alimama.com/index.htm">阿里妈妈</a>
                    <label class="spar">|</label>
                    <a href="https://www.aliyun.com/">阿里云计算</a>
                    <label class="spar">|</label>
                    <a href="https://www.yunos.com/">云OS</a>
                    <label class="spar">|</label>
                    <a href="https://www.net.cn">万网</a>
                    <label class="spar">|</label>

                    <a href="https://www.alipay.com/">支付宝</a>

                </p>

                <div style="height: 8px;"></div>
                <hr>

                <div class="fer">
                    <p>
                        <a href="https://www.taobao.com/about">关于淘宝</a>
                        <a href="https://www.taobao.com/about/partners.php">合作伙伴</a>
                        <a href="https://pro.taobao.com">营销中心</a>
                        <a href="https://service.taobao.com/support/main/service_route.htm">联系客服</a>
                        <a href="https://open.taobao.com">开放平台</a>
                        <a href="https://www.taobao.com/about/join.php">诚征英才</a>
                        <a href="https://consumerservice.taobao.com/contact-us">联系我们</a>
                        <a href="https://www.taobao.com/sitemap.php">网站地图</a>
                        <a href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html">法律声明及隐私权政策</a>
                        <em style="color: #9c9c9c;">© 2021 Taobao.com 版权所有</em>
                    </p>

                    <div style="height: 8px;"></div>

                    <p>
                        <span style="color: #9c9c9c;">网络文化经营许可证；<a href="http:////img.alicdn.com/tps/i4/T1ysdvXtNeXXcPpEkQ-972-636.jpg">文网文[2010]040号</a></span>
                        <label class="spar">|</label>
                        <span style="color: #9c9c9c;">增值电信业务经营许可证：浙B2-20080224-1</span>
                        <label class="spar">|</label>
                        <span style="color: #9c9c9c;">信息网络传播视听节目许可证：1109364号</span>
                    </p>

                </div>

            </div>
    </div>

</body>
</html>